<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>自选</title>
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<link rel="stylesheet" type="text/css" href="../../css/set.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
		<style>
			body {
				width: 100%;
				height: auto;
				overflow: hidden;
			}

			body,
			html {
				overflow-x: hidden;
			}

			.content {
				background-color: #FFFFFF;
			}

			.zhangfu {
				position: relative;
			}

			.zhang {
				width: 0;
				height: 0;
				border-left: 3px solid transparent;
				border-right: 3px solid transparent;
				border-top: 5px solid #8BC1FC;
				position: absolute;
				right: 5px;
				bottom: 15px;
			}

			.zhang:active {
				border-top: 5px solid #ffffff;
			}

			.die:active {
				border-bottom: 5px solid #ffffff;
			}

			.die {
				width: 0;
				height: 0;
				border-left: 3px solid transparent;
				border-right: 3px solid transparent;
				border-bottom: 5px solid #8BC1FC;
				position: absolute;
				right: 5px;
				top: 15px;
			}

			.down_relese img {
				max-width: 20px;
				padding-bottom: 12px;
				display: block;
				position: relative;
				bottom: 0px;
				transform: translate(50% 50%);
				margin: 0 auto;
			}

			.aui-tab-item {
				line-height: 3.2rem;
				color: #999999;
			}

			.content_swiper {
				width: 95%;
				height: auto;
			}

			.content_swiper .swiper-slide .slide-title {
				width: 100%;
				border-bottom: 1px solid #E6E6E6;
			}

			.content_swiper .swiper-slide li {
				width: 100%;
				height: 2rem;
				/*line-height: 66px;*/
				border-bottom: 1px solid #E6E6E6;
				position: relative;
			}

			.bz-nameul .bz-nameli span {
				display: block;
				height: 0.75rem;
				color: #000000;
				line-height: 0.75rem;
			}

			.bz-nameul .bz-nameli .bz-name-img {
				width: 22%;
				position: relative;
				margin: 0 auto;
				padding-top: 0.4rem;
			}

			.zf-nameul .zf-nameli span {
				display: block;
				height: 0.6rem;
				color: #000000;
			}

			.jys-nameul li,
			.jg-nameul li,
			.dbdh-nameul li,
			.xdzf-nameul li {
				line-height: 2rem;
			}

			.swiper-slide.aui-tab-item.swiper-slide-active {
				width: 100% !important;
			}

			.toMore {
				display: inline-block;
				width: 16px;
				height: 16px;
				line-height: 16px;
				background-image: url(../../image/btn/setting_more@2x.png);
				background-repeat: no-repeat;
				background-position: center;
				background-position-y: 1px;
				background-size: 15px;
				position: relative;
				margin-bottom: -3px;
				margin-left: 6px;
			}
			.bz-nameul{

			}
		</style>
	</head>

	<body>

		<!--列表信息 Start-->
		<div class="content">

			<!--自选 Tab Block-->
			<div class="swiper-container content_swiper">
				<div class="swiper-wrapper" id="">
					<div class="swiper-slide aui-tab-item">

						<ul class="bz-nameul">

							<div onclick="tosearch()"><p class="noContent"><span>暂无自选内容，请自行添加</span><span class="toMore"></span></p></div>

						</ul>
					</div>

				</div>
			</div>
		</div>
		<!--列表信息 end-->

	</body>
	<script type="text/javascript" src="../../script/swiper.min.js"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		//信息列表-自选
		var swiper = new Swiper('.content_swiper', {
			slidesPerView: 4,
			spaceBetween: 0,
			freeMode: true,
			pagination: {
				//      el: '.swiper-pagination',
				clickable: true,
			},
		});
		
		function tosearch() {
          parent.gotoSearch();
        }
	</script>

</html>
